/* ------------------------------------------------------------------------------
     page_banner
-------------------------------------------------------------------------------*/
.page_banner{position: relative;height: 295px;overflow: hidden;}
.page_banner_tit{padding-top: 73px;text-transform: uppercase;color: #fff;text-align: center;}
.page_banner_tit .tp{font-size: 22px;margin-bottom: 22px;color: #fff;}
.banner_img{transition: transform 0.6s ease 0s;position: absolute;background-repeat: no-repeat;background-position: center center;height: 100%;width: 100%;background-size: cover;z-index: -1;}
.page_banner:hover .banner_img{transform: scale(1.05, 1.05);}

.position{position: relative;background: #f5f5f5;color: #808080;border-bottom: 1px #ddd solid;}
.position .loc1{display: inline-block;font-size: 28px;border-right: 1px #e7e7e7 solid;padding: 24px 30px;}
.position a{transition: color 0.3s;color: #808080;border-right: 1px #e7e7e7 solid;padding: 29px 23px;}
.position a i{margin-left:16px;}
.position a:hover,.position a.hover{color: #014099;}
.position a,.position span{display: inline-block;vertical-align: middle;text-transform: capitalize;}
.position .nav_line{margin-right:5px;}

.innercon{padding: 80px 0;}

.cat_nav{overflow: hidden;text-align: center;}
.cat_nav a{display: inline-block;text-align: center;position: relative;transition: all 0.5s;padding: 7px 25px;border-radius: 15px;color: #fff;border: 1px #fff solid;margin: 0 5px;}
.cat_nav a.hover,.cat_nav a:hover{color: #47617f;background: #fff;}
.cat_nav .icon_tri_up{font-size:0;}
.cat_nav a.hover .icon_tri_up{color: #fff;font-size: 16px;position: absolute;left: 50%;bottom: -5px;margin-left: -8px;}

.page_tit{text-align: center;margin-bottom: 30px;}
.page_tit .p1{font-size:30px;margin-bottom: 15px;}
.page_tit .p2{color:#aaa;}
.page_des{padding: 30px 5%;}
@media screen and (max-width: 425px) {
.cat_nav a{width: 100%;margin: 5px 0;}
.cat_nav{margin-bottom:15px;margin-top: 15px;}
#ar_down{display:none}
}
.blog_tit{font-size: 26px;text-align: center;padding-bottom: 46px;font-weight: bold;}
.blog_tit i{display:inline-block;vertical-align:middle;font-family: -webkit-pictograph;}
.blog_tit span{display:inline-block;vertical-align:middle;}
.log_line{margin-bottom: 50px;border-bottom: 1px #e2e2e2 solid;padding-bottom: 50px;}
@media screen and (max-width: 1440px) {
.page_banner{background-size:  cover;}
.page_banner_tit .p1{font-size: 30px;}
.page_banner_tit .p2{font-size: 16px;}
}
@media screen and (max-width: 768px) {
.page_banner_tit{padding-top: 40px;text-align: center;}
.cat_nav .nav_line{margin: 0 5px;}
.about_banner{background-position: 30% center;}
.pro_banner{background-position: 82% center;}
.qu_banner{background-position: 60% center;}
.contact_banner{background-position: 20% center;}
}
@media screen and (max-width:425px) {
.blog_tit{padding-bottom:15px;}
.blog_tit i{font-size:16px;}
}
/* ------------------------------------------------------------------------------
     business
-------------------------------------------------------------------------------*/
.business{overflow: hidden;padding: 80px 0;}
.bus_box{overflow: hidden;background: #f5f3f3;margin-bottom: 80px;}
.bus_box .img_box{width: 50%;overflow: hidden;position: relative;}
.bus_box .img_box img{height: 412px;max-width: unset;position: relative;left: -50%;margin-left: 6%;}
.bus_box .des_box{width: 50%;padding-left: 15%;padding-top: 9%;}
.bus_box .p1{font-size: 36px;font-weight: bold;color: #000;margin-bottom: 15px;max-width: 260px;}
.bus_box .p2{font-size:15px;margin-bottom: 37px;}
.bus_box i{background: #114aa1;color: #fff;border-radius: 50%;text-align: center;padding: 16px;font-size: 18px;display: inline-block;transition: all 0.5s;}
.bus_box i:hover{background: #4786e6;}

@media screen and (max-width:1280px) {
.bus_box .img_box{width:100%;}
.bus_box .img_box img{margin-left: 30%;}
.bus_box .des_box{width:100%;padding-top: 30px;padding-bottom: 30px;}
}
/* ------------------------------------------------------------------------------
     about
-------------------------------------------------------------------------------*/
.about_box{background: #fff;padding: 50px 0;}
.about_box.abg2{background: #f5f4f6;}
.about_tit{text-align:center;position: relative;}
.about_tit .tit{font-size: 30px;font-weight: bold;color: #4b4848;position: relative;z-index: 2;}
.about_tit .bg_tit{font-family: 'bebasregular';font-size: 60px;text-transform: uppercase;color: #eaf0f6;position: absolute;top: -18px;z-index: 1;text-align: center;width: 100%;}
.about_des{padding: 60px 0;position: relative;}
.about_des .img_box{display: inline-block;vertical-align: middle;position: relative;}
.about_des .img_box img{position:relative;z-index:2;vertical-align: middle;overflow: hidden;}
.about_des .img_box .ab_font{position:absolute;writing-mode: vertical-lr;text-transform: uppercase;letter-spacing: 10px;right: -30px;top: 105px;font-size: 16px;font-family: gothamlightregular;}
.about_des .img_box .block{position:absolute;right:0;top: 19px;width: 305px;height: 430px;border: 3px #f9b600 solid;z-index: 1;}
.about_des .des_box{text-align: left;display: inline-block;vertical-align: middle;position: relative;z-index: 2;width: 960px;}
.about_des .des_box .des{line-height: 2.2;color: #757373;font-size:15px;}
.about_des .bimg_box{margin-bottom: 35px;}

.boxl{padding-left: 60px;}
.boxr{padding-right: 60px;}

.about_oder{background: url(../images/about_oder.jpg) 50% 50% no-repeat;padding: 98px 0;overflow: hidden;}
.oderlist {margin: 0 -29px;display: flex;}
.oder_box{float: left;position: relative;color: #fff;text-align: center;width: 33.33333333%;padding: 0 29px;}
.oder_box .bg{background: rgba(255, 255, 255, 0.13);padding: 65px;height: 100%;}
.oder_box i{border-radius:50%;background-color: #fff;background-position: center;background-repeat: no-repeat;display: inline-block;position: absolute;top: -28px;left: 50%;margin-left: -41px;width: 84px;height: 84px;}
.oder_box .p1{font-size: 40px;text-transform: uppercase;font-family: 'bebas';padding-top: 50px;}
.oder_box .p2{font-size: 28px;font-weight: bold;margin-bottom: 20px;}
.oder_box .p3{line-height: 2;font-size:15px;}
.oder_box i.oder1{background-position:40% 50%}

@media screen and (max-width: 1560px) {
.about_des .des_box{width: 640px;}
}
@media screen and (max-width: 1280px) {
.boxl{padding-left: 0;padding-top:30px;}
.boxr{padding-right: 0;padding-bottom: 30px;}
.about_des{padding: 30px 0;}
.about_des .img_box,.about_des .des_box{width:100%;text-align: center;}
.oder_box .bg{padding:5%;}
}
@media screen and (max-width: 768px) {
.oder_box{width:100%;margin-bottom: 50px;padding: 0;}
.oderlist{display:block;}
.about_oder{background: #114aa1;padding-top: 50px;padding-bottom: 0;}
}
@media screen and (max-width: 425px) {
}
/* ------------------------------------------------------------------------------
     contact
-------------------------------------------------------------------------------*/
.cf_content{padding:80px 0;}
.contact_info{width: 500px;padding-top: 80px;}
.ci_tit{position:relative;font-size: 23px;font-weight: bold;text-transform: uppercase;color: #114aa1;margin-bottom: 30px;}
.ci_tit .p1{font-size:70px;font-weight:bold;text-transform:uppercase;color:#ddd;position: absolute;top: -130px;}
.ci_tit .p2{font-size:22px;color:#405673;}
.ci_tit .bbar_l{margin-bottom:50px;margin-top: 43px;}
.ci_des p{line-height: 30px;}
.ci_des i{color: #114aa1;padding: 5px;margin-right: 15px;}
.ci_des .icon_phone{font-size: 20px;padding: 3px;}
.ci_des .icon_email{font-size: 12px;}
.ci_des span{}
.ci_des{margin-bottom: 30px;color: #757575;}
.ci_ewma{width:120px;}
.cf_content .map{border:5px #fff solid;width: 912px;height: 415px;}
.contact_form{width: 100%;background: #f0f0f0;padding: 50px 60px;position: relative;margin-bottom: 50px;}
.cf_top{position:relative;border-left: 3px #114aa1 solid;color: #757575;padding-left: 15px;margin-bottom: 30px;}
.top_tit{position:absolute;right:0;top: -24px;color:#738091;letter-spacing: 20px;}
.top_tit i{width:80px;height:2px;background:#738091;display: inline-block;vertical-align: middle;margin-left: 15px;}
.cf_top .p1{font-size: 18px;font-weight: bold;color: #114aa1;}
.cf_top .bbar_l{margin-bottom:50px;margin-top: 43px;}
.contact_form li{line-height:60px;width: 50%;color: #757575;float: left;margin-bottom: 26px;}
.contact_form li.full{width:100%;}
.contact_form li.pr{padding-right: 50px;}
.contact_form li.pl{padding-left: 50px;}
@media screen and (max-width: 1200px) {
.cf_content{padding-bottom: 30px;display: block;}
.contact_info{width:100%;margin-bottom: 50px;}
.contact_form{width:100%;}
.cf_content .map{width:100%}
}
@media screen and (max-width: 768px) {
.ci_tit .p1{font-size:30px;position: unset;margin-bottom: 15px;}
.cf_content{padding-top:30px;}
.contact_form li{width:100%;}
.contact_info{padding: 5%;margin-bottom: 0;}
.contact_form{padding: 5%;}
.contact_form li.pr{padding-right: 0;}
.contact_form li.pl{padding-left: 0;}

}
/* ------------------------------------------------------------------------------
    News
-------------------------------------------------------------------------------*/
.news_con{padding:70px 0;}
.news_box_list{overflow: hidden;margin: 0 -10px;}
.news_box{overflow: hidden;margin-bottom: 45px;float: left;width: 25%;padding: 10px;}
.news_box a{border:1px #eee solid;overflow: hidden;display: block;transition: all 0.5s;}
.news_box:hover a{background: #114aa1;}
.news_box:hover .des_box{color:#fff;}
.news_box:hover .des_box .tit{color:#fff;}
.news_box .img_box{text-align: center;display: inline-block;vertical-align: middle;}
.news_box .img_box img{width:100%;}
.news_box .des_box{color: #989c9b;vertical-align: middle;padding: 25px;}
.news_box .des_box .tit{font-size: 16px;margin-bottom: 15px;color: #575757;}

.news_box .des_box .time{margin-bottom:15px;}
.news_c_list{}
.news_c_list li{background:#fff;position:relative;padding: 20px 35px;margin-bottom: 13px;}
.news_c_list li a,.news_c_list li span{color:#606060;cursor: pointer;transition: color 0.3s;}
.news_c_list li a:hover{color:#014099;}
.news_c_list li .rtime{position:absolute;right: 35px;top: 20px;}
@media screen and (max-width: 1560px) {

}
@media screen and (max-width: 1280px) {
.news_box{width:33.333333%;}
.news_con{padding:30px 0;}
}
@media screen and (max-width: 768px) {
.news_box{width:50%;}
}
@media screen and (max-width: 425px) {
.news_box{width: 100%;margin-bottom: 15px;}
}

/* ------------------------------------------------------------------------------
     case
-------------------------------------------------------------------------------*/
.case {padding: 80px 0;}
.case_list{position: relative;left:0;top:0;}
.case_box{}
.case_box .des_box{width: 392px;padding-top: 60px;}
.case_box .des_box .tit{font-size:35px;margin-bottom:50px;display: block;}
.case_box .des_box .des{line-height:2;}
.case_box .img_box{width: 800px;background: #f5f5f5;padding: 65px 45px;overflow: hidden;}
.case_box .img_box img{float:left;width:50%;padding: 15px;}

@media screen and (max-width: 1200px) {
.case{padding:30px 0}
.case_box .des_box{width:100%;padding-top: 0;margin-bottom: 15px;}
.case_box .img_box{width:100%;padding: 0;}
.case_box .des_box .tit{margin-bottom:15px;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {

}
@media screen and (max-width: 1200px) {

}
/* ------------------------------------------------------------------------------
     recruit
-------------------------------------------------------------------------------*/
.recruit{}
.recruit_list{margin-bottom:50px;}
.recruit_top{position: relative;overflow: hidden;font-size: 16px;font-weight: bold;line-height: 68px;}
.recruit_top a{color: #00589a;}
.recruit_top .bg_tit{font-family: 'bebasregular';font-size: 60px;text-transform: uppercase;color: #eaf0f6;position: absolute;right: 0;top: 20px;}
.recruit_l{border: 1px #eee solid;}
.recruit_des{width:100%;padding: 50px 80px;line-height: 2;overflow: hidden;background: #f5f5f5;color: #454545;}
.recruit_des hr{border-color: #ececec;border-style: solid;margin: 30px 0;border-width: 1px;height: 0;unicode-bidi: normal;border-block-start: unset;}
.recruit_tit{background: #fff;padding: 16px 80px;position: relative;color: #616161;}
.recruit_tit.top{background:#114aa1;color: #fff;}
.recruit_tit span{display: inline-block;width: 20%;}
.recruit_tit .more{font-size: 18px;border: 1px solid;border-radius: 50%;background: #00589a;width: 27px;height: 27px;line-height: 27px;display: inline-block;text-align: center;color: #fff;font-family: serif;position: absolute;right: 30px;top: 16px;cursor: pointer;}
.recruit_tit .more:before{content: "+";}
.recruit_tit.active .more:before{content: "-"}
@media screen and (max-width: 1280px) {
.recruit_tit span.p2{width:30%;}
}
@media screen and (max-width: 768px) {
.recruit_top .bg_tit{display:none;}
.recruit_tit{padding:15px;}
.recruit_des{padding:15px;}
.recruit_tit .more{right:15px;}
.recruit_tit span{/* text-align: center; */}
.recruit_tit span.p2{width: 32%;}
}
@media screen and (max-width: 425px) {
.recruit_tit span.p2{display:none;;}
.recruit_tit span{width:30%;}
}
/* ------------------------------------------------------------------------------
     products
-------------------------------------------------------------------------------*/
.pro_content{padding-top:60px;margin-bottom: 50px;}
.list_r{float: right;width: 960px;overflow: hidden;}
.left_bar{float: left;width: 230px;}

.pro_nav{overflow: hidden;}
.pro_nav li{margin-bottom: 41px;}
.pro_nav_i{line-height: 41px;text-transform: capitalize;display: block;padding-left: 10px;border-radius: 20px;font-size: 22px;background: #f5f5f5;color: #405673;transition: all 0.5s;font-family: gothamlightregular;}
.pro_nav_i span{display:inline-block;}
.pro_nav_i i{text-align: center;margin-right: 15px;font-size: 26px;position: relative;top: 2px;}
.pro_nav_i:hover,.pro_nav_i.active{background: #405673;color: #fff;}
.pro_sub_nav{}
.pro_sub_nav.active{display: block;}
.psn_i{line-height:50px;border-bottom: 1px #ececec solid;display: block;padding-left: 23px;transition: all 0.5s;}
.psn_i.active,.psn_i:hover{color:#0a74b0;}
@media screen and (max-width: 1200px) {
.left_bar{width:100%;margin-bottom: 30px;}
.list_r{width:100%;}
.pro_content{padding-top:30px;margin-bottom:0;}
}
.solovea{}
.sla_box{margin-bottom:44px;position: relative;}

.sla_up{background-position:center;height: 230px;padding-top: 89px;padding-left: 60px;padding-right: 38px;}
.sla_tit{}
.sla_icon{background-position:center;background-repeat: no-repeat;width: 40px;height: 40px;display:inline-block;vertical-align: middle;}

.sla_tit .tit1{font-size:30px;display: inline-block;vertical-align: middle;text-transform: uppercase;}
.sla_tit .tit2{font-size:20px;font-family: gothamlightregular;text-transform: uppercase;display: inline-block;vertical-align: middle;padding-top: 10px;}
.sla_tit .icon_add{border:1px solid;padding: 8px;border-radius: 50%;font-size: 24px;float: right;}
.sla_down{position:absolute;padding-left: 60px;padding-right: 60px;background: #f5f5f5;height: 100%;width: 100%;left: 100%;top: 0;transition: all 0.5s;}
.sla_down .sla_tit{padding-top:30px;padding-bottom:26px;border-bottom:1px solid;}
.slad_list{overflow:hidden;}
.slad_list a{border:1px #f5f5f5 solid;float: left;padding: 10px;margin: 15px 5px;transition: all 0.5s;}
.slad_list a:hover{color:#0a74b0;border-color:#0a74b0;}

.sla_1{background-image:url(../images/solovea_1.png)}
.sla_2{background-image:url(../images/solovea_2.png)}
.sla_3{background-image:url(../images/solovea_3.png)}
.sla_4{background-image:url(../images/solovea_4.png)}
.slad_1{background-image:url(../images/solovea_h_1.png)}
.slad_2{background-image:url(../images/solovea_h_2.png)}
.slad_3{background-image:url(../images/solovea_h_3.png)}
.slad_4{background-image:url(../images/solovea_h_4.png)}
@media screen and (min-width: 1280px) {
.sla_box:hover .sla_down{left:0;}
}
@media screen and (max-width: 1280px) {
.sla_down{position:unset;border-left:0;}
.sla_down .sla_tit{display:none;}
}
.pro_list{overflow: hidden;margin-left: -28px;}
.pro_box{float: left;width: 33.33333%;padding-left: 28px;margin-bottom: 33px;}
.pro_box .img_box {background: #f5f5f5;text-align: center;padding: 15px;position: relative;}
.pro_box .icon_arrowdown {border-radius: 50%;transform: rotate(270deg);display: inline-block;background: #738091;color: #fff;font-size: 30px;padding: 5px;position: absolute;left: 26px;bottom: -20px;transition: all 0.5s;}
.pro_tit{padding-left: 26px;border-bottom: 2px #eee solid;padding-top: 33px;padding-bottom: 20px;transition: all 0.5s;}
.pro_box:hover .pro_tit{color:#0a74b0;border-color:#0a74b0;}
.pro_box:hover .icon_arrowdown{background: #0a74b0;}
@media screen and (max-width: 768px) {
.pro_box{width:50%;}

}
@media screen and (max-width: 425px) {
.pro_box{width:100%;}
.sla_tit .icon_add{display:none;}
}
.inner_show{background:#f5f5f5;padding:3%;}
.is_tit{width:250px;}
.is_tit .p1{font-size:25px;font-family:gothamlightregular;margin-bottom: 15px;text-transform: uppercase;}
.is_tit .p2{font-size:22px;color:#fff;background:#405673;display: inline-block;padding: 5px 15px;}
.is_img{margin: 50px 0;}
.is_des{margin-bottom: 40px;}
.isd_tit{font-size:22px;}
.isd_tit .bbar_l{width: 24px;height:3px;background:#26aacf;margin: 15px 0;}
.is_des .des{line-height:2;}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {

}